.antLayoutAside {
  position: relative;
  height: 100%;
  padding: 0;
  line-height: 1.5;
  overflow: auto;
  border-radius: 0 0 5px 5px;
  background: #ececec;
}

.antLayoutAside .antLayoutLogo {
  width: 150px;
  height: 32px;
  background: #333;
  border-radius: 6px;
  margin: 16px 24px 16px 28px;
}

.antLayoutAside .antLayoutSider {
  width: 224px;
  background: #404040;
  position: absolute;
  overflow: auto;
  padding-bottom: 24px;
  height: 100%;
}

.antLayoutAside .antLayoutSider > .antMenu {
  margin-bottom: 20px;
}

.antLayoutAside .antLayoutHeader {
  background: #fff;
  height: 64px;
  border-bottom: 1px solid #e9e9e9;
}

.antLayoutAside .antLayoutBreadcrumb {
  margin: 7px 0 -17px 24px;
  color: #999;
  font-size: 12px;
}

.antLayoutAside .antLayoutMain {
  margin-left: 224px;
}

.antLayoutAside .antLayoutContainer {
  margin: 24px 16px;
}

.antLayoutAside .antLayoutContent {
  background: #fff;
  padding: 24px;
}

.antLayoutAside .antLayoutFooter {
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 12px;
  color: #999;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  width: 100%;
}

@charset "utf-8";

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
@media ( max-width : 767px) {
  html{ overflow-y:auto}
  body,th,td,button,input,select,textarea{ font-size:14px}
}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*清楚浮动
    Name:           style_clearfix
    Example:        class="clearfix|cl"
    Explain:        clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/*页面框架*/
.p-header{position: absolute;top: 0;left: 0;right: 0;height: 44px;z-index: 999;padding: 0 15px}
.p-aside{position: absolute;top: 44px;bottom: 0;left: 0;padding-top: 10px;width: 199px;z-index: 99;overflow: auto;background-color:#333;border-right: 1px solid #222}
.p-article-box{
  position: absolute;
  top: 44px;
  right: 0;
  bottom: 0;
  left: 199px;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
}
.p-container{padding: 45px 0 0}
.p-aside,.p-article-box{
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition:all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s
}
.p-article{
  top: 40px;
  position: absolute;
  bottom: 0;
  left:0;
  right: 0;
  overflow: auto;
  z-index: 1;
}
.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0px}
.big-page .Hui-aside{ left:-200px}
.page-container{ padding:20px}
@media (max-width: 767px){
  .page-container{ padding:15px}
}

.viewhome{line-height: 44px;padding-right: 15px}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

/*2.1 响应式栅格系统*/
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}

/*导航条*/
.navbar-wrapper{ height: 45px;}
.navbar{ position:relative; z-index:1030; background-color: #fff}
.navbar-black{ background-color: #222}
.navbar-fixed-top{ position:fixed; top:0;left: 0; right: 0; z-index:1030}


/*logo*/
.logo{display: inline-block;text-decoration: none;cursor: pointer;background-repeat: no-repeat;background-position: left center;background-size: auto 100%}
a.logo:hover{text-decoration: none}
.navbar .logo{height: 44px;line-height: 44px;margin-right: 10px;float: left}
.navbar-logo,.navbar-logo-m{font-size: 16px}



/*导航条风格-黑色*/
.navbar-black{background-color:#222;border-bottom:#080808 1px solid;-moz-box-shadow: 0 0 4px #333333;-webkit-box-shadow: 0 0 4px #333333;box-shadow: 0 0 4px #333333}
.navbar-black .logo{color: #fff}
/*左侧菜单*/
.p-aside .menu_dropdown ul{padding: 0px}
.p-aside .menu_dropdown li{line-height: 35px;overflow: hidden;zoom:1;}
.p-aside .menu_dropdown li a{padding-left: 15px;display: block;font-weight: bold;margin:0;color: #fff; border-bottom: 1px solid #222}
.p-aside .menu_dropdown li a:hover{color:#fff;background-color:#777}
.p-aside .menu_dropdown li.current a,.menu_dropdown li.current a:hover{ color:#fff;background:#777}
.p-aside .menu_dropdown dl{margin-bottom: 0}
.p-aside .menu_dropdown dt{display: block;line-height: 35px;padding-left: 15px;cursor: pointer;position: relative;color:#fff;border-bottom: 1px solid #222;font-weight:norma}

.pd-20{
  padding: 20px;
}